<script setup lang="ts">
import { useThemeStore } from '@/store/modules/theme';

defineOptions({
  name: 'GlobalFooter'
});

const themeStore = useThemeStore();
</script>

<template>
  <DarkModeContainer class="h-full flex-center">
    <div class="flex-center w-full text-center">
      <a
        href="https://github.com/soybeanjs/soybean-admin-elp/blob/main/LICENSE"
        target="_blank"
        rel="noopener noreferrer"
        class="text-14px"
        :class="themeStore.footer.fixed ? 'dark:text-white' : 'text-[#6a6a6a] dark:text-white'"
      >
        Copyright MIT © 2021 Soybean
      </a>
    </div>
  </DarkModeContainer>
</template>

<style scoped>
.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
</style>
